<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
        <link rel="stylesheet" href="//at.alicdn.com/t/c/font_4610055_yot5t7mptc.css">
        <link href="framework/reset.css" rel="stylesheet">
        <link href="css/order.css" rel="stylesheet">
        <script src="js/order.js"></script>
        <title>拼多多 确认订单</title>
    </head>
    <body>
    <div class="wrapper">
        <!--header部分-->
        <div class="header" >
                <div class="iconfont icon-xiangzuojiantou" onclick="location.href='orderList.html'"></div>
                <p >拼多多</p>
        </div>
        <!--订单消息部分-->
        <div class="order-info">
            <h3>马里奥</h3>
            <p>13198291825</p>
        </div>
        <div class="order-info-address">
            <div class="iconfont icon-ditu_dingwei_o"></div>
            <p>云南省 昆明市 呈贡区 吴家营街道云南大学呈贡校区楠苑菜鸟驿站</p>
            <i class="fa fa-angle-right"></i>
        </div>

        <!--订单明细部分-->
        <ul class="order-detailed">
            <li>
                <img src="img/order-detailed.png">
            </li>
            <li>
                <div class="pay-details">
                    <p>购买数量</p>
                    <div class="quantity">
                        <div class="iconfont icon-jianshu"></div>
                        <p>&nbsp;1&nbsp;</p>
                        <div class="iconfont icon-jiahao"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="pay-details1">
                    <p>店铺优惠</p>
                    <div class="quantity1">
                        <p style="color: red">满2件享9.9折</p>
                        <div class="iconfont icon-xiangyoujiantou"></div>
                    </div>
                </div>
            </li>
        </ul>
        <ul class="pay">
            <li>
                <div class="iconfont icon-duoduozhifu"></div>
                <p>多多支付<span style="color:red;">(最高减200元，可安全免密支付)</span></p>
                <div class="iconfont icon-gou"></div>
            </li>
            <li>
                <div class="iconfont icon-weixinzhifu"></div>
                <p>微信支付</p>
            </li>
            <li>
                <div class="iconfont icon-jisufu_xianyonghoufulogo"></div>
                <p>先用后付<span style="color:#888888;">&nbsp;(0元下单，确认收货后付款)</span></p>
            </li>
            <li>
                <div class="iconfont icon-zhifubaozhifu" style="color: deepskyblue"></div>
                <p>支付宝</p>
            </li>
            <li>
                <div class="iconfont icon-haoyoudaifu" ></div>
                <p>找微信好友支付</p>
            </li>
            <div class="last">
                <p>更多支付方式&nbsp;</p>
                <div class="iconfont icon-xiangxiajiantou" style="color: peru"></div>
            </div>
        </ul><br><br><br>
        <ul class="total">
            <li>
                <p>实付款：<span class="larger" style="color: red">&#165;19.3</span> <span style="color: red"> 免运费</span></p>
                <img src="img/立即支付.png">
            </li>
        </ul>
    </div>
    </body>
</html>